<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 表单就是指form表单
				子标签一般都称为表单元素
				常用的表单元素有哪些
					input标签
						type属性
							text：文本输入框，默认值
							number：数字
							password：密码
							date：日期
							datetime：日期时间
							radio：单选按钮，value默认是on，以name名称相同为一组
							checkbox：复选框，value默认是on
							file：文件上传
							submit：提交按钮
							reset：重置按钮
						placeholder：提示内容，html5才支持的
						id
						class
						style
						title
						name：也是一个通用属性，给标签命名，可重复
							在表单中非常重要，与表单提交到后台程序有关
						value：标签值
					select标签
					textarea标签：文本域
					button标签：按钮
						type属性
							button：普通按钮，没有特殊意义
							submit：提交按钮，是默认类型，提交表单，如果一个提单无法提交，则没有任何意义
							reset：重置按钮，将表单输入的内容清空
				form表单的属性
					action：提交的地址
					method：提交方式
						post：表单信息不会暴露在地址垃中，没有长度限制，必须提交到后台接口，html和js都没有表单处理能力
						get：表单提交之间，表单信息会暴露在地址栏中，不安全。长度最多255字符
		 -->
		<form action="#" method="post" enctype="multipart/form-data">
			<input type="text" name="account" placeholder="请输入账号" />
			<input type="password" name="password" placeholder="请输入密码" value="123" />
			<br />
			<span>性别</span>
			<input type="radio" name="gender" value="0" /> 女
			<input type="radio" name="gender" value="1" checked /> 男
			<br />
			<span>喜欢颜色</span>
			<input type="radio" name="color" value="0" checked /> 红
			<input type="radio" name="color" value="1" /> 绿
			<input type="radio" name="color" value="2" /> 蓝
			<br />
			<span>爱好</span>
			<input type="checkbox" name="interest" value="0" /> 打游戏
			<input type="checkbox" name="interest" value="1" /> 打篮球
			<input type="checkbox" name="interest" value="2" checked /> 写代码
			<br />
			<span>地址</span>
			<select>
				<option value="-1">请选择省</option>
				<option value="1">广西省</option>
				<option value="2">广东省</option>
			</select>
			<select>
				<option value="-1">请选择市</option>
				<option value="1">柳州市</option>
				<option value="2">南宁市</option>
			</select>
			<select>
				<option value="-1">请选择区</option>
				<option value="1">城东区</option>
				<option value="2">A区</option>
			</select>
			<br />
			<span>街道地址</span>
			<input type="text" name="account" placeholder="请输入街道地址" />
			<br />
			<span>头像</span>
			<input type="file" />
			<br />
			<span>生日</span>
			<input type="date" />
			<br />
			<textarea rows="10" cols="50">此处省略一万字</textarea>
			<br />
			<input type="submit" value="注册"/>
			<button type="reset">重置</button>
			<button type="button">普通按钮</button>
			<button>submit按钮</button>
		</form>
	</body>
</html>
